<!DOCTYPE html>
<html lang="zh-CN">
<head>
     <!-- 定义默认链接地址与打开方式，_blank方式对搜索引擎不友好。 -->
     <base target="_blank">
     <!-- 定义页面字符集，常见中文字符集 GBK  GBK123 -->
     <meta charset="UTF-8">
     <!-- 响应式，移动端网页显示 -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- IE渲染方式 -->
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <!-- 网页描述 SEO -->
     <meta name="description" content="">
     <!-- 王爷关键字 SEO -->
     <meta name="keywords" content="">
     <!-- 链接样式文件 -->
     <link rel="stylesheet" href="">
     <!-- 定义网页图标，和收藏夹中显示图标 -->
     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
     <!-- 网页标题，具有HTML语义的作用 -->
     <title>Web用户界面</title>
</head>
<body>
    <h1 style="color: skyblue;">Web用户界面</h1>
    <h2 style="color: mediumaquamarine;">学号：20220530123 昵称：陈司祈</h2>
    <h3><font color="#f00">课程内容</font>课程内容</h3>
   <ul>
       <li style="font-size: 40px;color: rgb(168, 168, 235);"><a href="homework_base/hm.html" >期末大作业</a></li>
       <li><a href="html_base/htmlbase.html"target="_self">HTML网页基础</a></li>
       <li><a href="html_base/table.html">表格标签演示</a></li>
       <li><a href="html_base/form.html">表单标签演示</a></li>
       <li><a href="html_base/semantic.html">语义标签演示</a></li>
       <li><a href="html_base/other.html">属性、颜色、其他</a></li>
       <li><a href="css_base/css_one.html">CSS基本语法</a></li>
       <li><a href="css_base/css_one.html">CSS继承与层叠</a></li>
       <li><a href="css_base/css_three.html">CSS选择器</a></li>
       <li><a href="css_base/css_four.html">CSS盒子模型</a></li>
       <li><a href="css_base/css_five.html">CSS盒子溢出、定位、浮动</a></li>
       <li><a href="css_base/css_six.html">CSS常见样式属性</a></li>
       <li><a href="css_base/menu.html">CSS导航菜单</a></li>
       <li><a href="css_base/layout_one.html">页面布局技术概览</a></li>
       <li><a href="css_base/layout_two.html">CSS页面布局技术-定宽模式</a></li>
       <li><a href="css_base/layout_three.html">CSS页面布局技术-自适应宽度模式（两列）</a></li>
       <li><a href="css_base/layout_four.html">CSS页面布局技术-自适应宽度模式（三列）</a></li>
       <li><a href="css_base/layout_five.html">CSS页面布局技术-固定宽度网格（栅格）系统</a></li>
       <li><a href="css_base/layout_six.html">CSS页面布局技术-自适应宽度网格（栅格）系统</a></li>
       <li><a href="css_base/layout_seven.html">CSS页面布局技术-响应式设计</a></li>
   </ul>
</body>
</html>